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KIG. 6 PRIOR ART 
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FIG. 7 
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FIG. 9A 



<SCRIPT LANGUAGE="JavaScripr> 

// Define the variable (s) holding the Model data 
var counter = 0; // a counter value 

// Define the variables holding pointers to the View components 



var theStaticText; // pointer to the LStaticText connponent 
function initialize ( ) // Create and initialize components 



// Create a library LFrame component 

theFrame = new parent. LI BFrame. LFrame ("Framel", "A Frame"); 

// Adjust the base font to be +3 larger 
theFrame.adjustBaseFont (+3); 

// Create a library LForm component Inside the LFrame 
theForm = new parent.LIBFrame.LForm ("Form1", theFrame); 

// Create a library LText (text entry field) component inside the LForm 
theText = new parentLIBFrame.LText ("foo", "bar", theForm); 

// Set up an event handler to handle user changes to the LText 
the Text.setOnChange (T_onChange); 

//Create a library LButton component Inside the LForm 
theButton = new parent LI BFrame. LButton ("increment_button", 
"Increment Counter^, theForm); 

// Set an event handler to handle clicks on the LButton 
theButton.setOnClick (BJncrement); 



var 
var 



var 



var 



theFrame; 
theForm; 
theText; 
theButton; 



// pointer to the LFrame component 
// pointer to the LForm component 
// pointer to the LText component 
// pointer to the LButton component 



(CONTINUED IN FIG. 9B) 




FIG. 9B 



(CONTINUED FROM FIG. 9A) 

// Create a library LStaticText (label) component in the LForm 
theStaticText = new parent. LI BFrame. LStaticText ("OST", "piece of text 
theFomn); 

// Set the font size for the LStaticText 
theStatlcText.setFontSize (1); 

//Set the color for the LStaticText 
theStaticText.setColor ("red"); 

// Refresh the contents of the User Interaction window 
theFrame.RefreshVisibleFrame (); 

// Set the browser focus to be on the LText component 
theText.focus (); 

} 

// This function is invoked on the LText component when the value is changed 
// by a user interaction 
function T_onChange () 
{ 

// Change the value to a message 
this.setValue ("Please do not change the value!"); 

} 

// This function is invoked on the LText object when the user clicks on it 



(CONTINUED IN FIG. 9C) 
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FIG. 9C 



(CONTINUED FROM FIG. 9B) 

function T_onCllck () 
{ 

this.setValue ("Please do not click on this!"); 

} 

// This function Is invoked on the LButton object when the user clicks on It 
function BJncrement () 

{ 

// Increment the counter (Model) 
counter += 1 ; 

// Move the new counter value into the LText field 
theText.setValue (counter); 

// Increment the font size on the LStaticText component 
theStatlcText-setFontSIze (theStatlcText.getFontSize() + 1); 

// Toggle the LStaticText component font between Courier and Impact 
if (0 == (counter % 2)) 

theStaticText.setFace ("Courier"); 
else 

theStaticText.setFace ("Impact"); 

} 

</SCRIPT> 



